/**全局样式***/
* { -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { margin: 0 auto; padding: 0px; width: 100%; height: 100%; min-width: 319px; font-size: 12px; color: #000; background: #fff; text-align: left; font-family: "Microsoft YaHei",΢���ź�,����,Tahoma, Arial, Helvetica, sans-serif; -moz-background-size: cover; -khtml-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
ul, ol, li, dl, dd, dt, form, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }
ul, ol, li, dl, dd, dt { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
input, textarea, button { outline: none; -ms-clear: none; resize: none; -webkit-appearance: none; }
input:-moz-placeholder { color: #999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
input::-ms-clear, textarea::-ms-clear { display: none; }
input::-ms-reveal, textarea::-ms-reveal { display: none; }
input.disabled, button.disabled { background-color: #a0a0a0 !important; cursor: default !important; }
::-moz-placeholder, ::-webkit-input-placeholder, :-moz-placeholder, :-ms-input-placeholder { color: #999; }
a { color: #555555; text-decoration: none; outline: none; -ms-clear: none; background-color: transparent; transition: all 0.5s ease 0s; cursor: pointer; }
a:hover { color: #0ab343; text-decoration: none; outline: none; cursor: pointer; opacity: 1; }
a:focus { outline: none; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
img { border: none; }
i { font-style: normal !important; }
.transit_scale { display: block; overflow: hidden; }
.absol { position: absolute !important; }
.fixed { position: fixed !important; }
.clear { clear: both !important; }
.fl { float: left !important; }
.fr { float: right !important; }
section { padding-top: 80px; }
section .fixedWidth { width: 1170px; margin: 0 auto; }

/***************头部header start******************/
/*加载层*/
img.lazyload { background: url(/App_Assets/Web/Images/loading_min.gif) no-repeat center center; }

.loading { display: none; margin: 0; padding: 0; width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; cursor: wait; z-index: 999999; /*background-color: rgba(255,255,255,0.5);*/ }
.loading table { width: 100%; height: 100%; }
.loading table p { width: 130px; height: 20px; color: #333333; font-size: 13px; font-weight: bold; padding: 8px 8px 8px 8px; }
.loading table p i { color: #333333; font-size: 30px; display: block; width: 40px; line-height: 40px; height: 40px; text-align: center; opacity: 0.69; }
/*分页*/
.listpager { padding: 20px 10px; text-align: left; color: #ccc; text-align: center; }
.listpager a { display: inline-block; font-size: 14px; color: #999; display: inline-block; width: 32px; height: 32px; line-height: 32px; margin: 0 5px; border: 1px solid #e6e6e6; vertical-align: middle; }
.listpager a:hover { text-decoration: none; border: 1px solid #0ab343; }
.listpager a.current { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin: 0 5px; color: #fff; background-color: #0ab343; border: 1px solid #0ab343; vertical-align: middle; }
.listpager a.disabled { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin: 0 5px; color: #bfbfbf; background: #f2f2f2; border: 1px solid #bfbfbf; vertical-align: middle; }

header { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 80px; background-color: #fff; box-shadow: 0 0 3px #999; }
header .header { width: 1170px; height: 100%; margin: 0 auto; }
header .header .logo { position: relative; z-index: 9999; height: 100%; overflow: hidden; }
header .header .logo.gao { z-index: 1; }
header .header .logo a { display: inline-block; margin-top: 10px; height: 60px; font-size: 34px; color: #0ab343; }
header .header .logo a img { float: left; height: 60px; width: auto; }
/*header .header .menu_bt { position: relative; float: right; display: none; z-index: 9999; width: 38px; height: 80px; background: url(../Images/line.png)no-repeat center center; background-size: 30px 20px;  }*/
header .header .menu_bt { position: relative; z-index: 999; width: 30px; height: 20px; margin-top: 30px; border-top: 2px solid #666; border-bottom: 2px solid #666; vertical-align: middle; float: right; display: none; }
header .header .menu_bt:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 7px; border-bottom: 2px solid #666; transition: all 100ms linear 0ms; }
header .header .menu_bt span:after { border-color: #fff; }
header .header .menu_bt span { font-size: 0; text-indent: -9999px; }
header .header .menu_bt span:before, .menu_bt span:after { content: ''; position: absolute; top: 50%; right: 0; left: 0; border-top: 1px solid black; transition: all 100ms linear 0ms; }
header .header .menu_bt.open { color: transparent !important; border: 0; }
header .header .menu_bt.open:after { -webkit-transform: scale(0); transform: scale(0); }
header .header .menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px; border-color: #fff; }
header .header .menu_bt.open span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .header .menu_bt.open span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

header .header .nav { height: 80px; width: auto; transition: all .5s ease-in-out; }
header .header .nav .nav-list { position: relative; height: 100%; }
header .header .nav .nav-list li { float: left; padding: 20px 45px; height: 80px; position: relative; z-index: 99999; }
header .header .nav .nav-list li span { float: left; display: block; margin: 0px 5px; padding-top: 5px; height: 35px; line-height: 35px; }
header .header .nav .nav-list li a { float: left; display: block; font-size: 16px; color: #333; height: 40px; line-height: 40px; white-space: nowrap; }
header .header .nav .nav-list li a:hover { color: #333; border: 0; }
header .header .nav .nav-list li div { position: absolute; opacity: 0; left: 25px; top: 90%; padding: 0px 10px; height: 0px; background-color: rgba(255,255,255,.9); transition: all .3s ease-in-out; overflow: hidden; border-radius: 5px; }
header .header .nav .nav-list li div table { float: left; }
header .header .nav .nav-list li div table tr td { padding: 0px 15px; border-bottom: 1px solid #ddd; position: relative; }
header .header .nav .nav-list li div table tr:last-of-type td { border-bottom-width: 0px }
header .header .nav .nav-list li div table tr td a { padding: 0px; height: 40px; font-size: 14px; }
header .header .nav .nav-list li div table tr td table { position: absolute; opacity: 0; display: none; left: 100%; top: 0px; padding: 0px 10px; height: 0px; background-color: rgba(255,255,255,.85); transition: all .3s ease-in-out; overflow: hidden; border-radius: 5px; }
header .header .nav .nav-list li.active a { color: #0ab343; height: 40px; border-bottom: 2px solid #0ab343; }
header .header .nav .nav-list li.active div tr td a { color: #333; height: 40px; border-bottom-width: 0px; }
header .header .nav .nav-list li.active div tr td a.active { color: #0ab343; }
header .header .nav .nav-list:hover li a { padding-bottom: 0px; border-bottom-width: 0px; }
header .header .nav .nav-list li:hover a { color: #0ab343; height: 40px; border-bottom: 2px solid #0ab343; }
header .header .nav .nav-list li:hover div { display: block; opacity: 1; height: auto; overflow: initial; }
header .header .nav .nav-list li:hover div table tr td a { color: #333; height: 40px; border-bottom-width: 0px; }
header .header .nav .nav-list li:hover div table tr td a:hover, header .header .nav .nav-list li:hover div table tr td:hover a { color: #0ab343; height: 40px; }
header .header .nav .nav-list li:hover div table tr td:hover table { display: block; opacity: 1; height: auto; display: initial; }
header .header .nav .nav-list li:hover div table tr td:hover table a { color: #333; height: 40px; border-bottom-width: 0px; }
header .header .nav .nav-list li:hover div table tr td:hover table a:hover { color: #0ab343; height: 40px; }
header .header .nav .nav-list li:hover div table tr td.parent { background: url(../Images/arr-right.png) no-repeat center right; background-size: auto 12px; }
header .header .nav .nav-list li.lang { padding: 20px 0px; }
header .header .nav .nav-list li.lang a { font-size: 12px; padding-top: 5px; height: 35px; line-height: 35px; color: #333; border: none; }
header .header .nav .nav-list li.lang a:hover, header .header .nav .nav-list li.lang a.active { color: #0ab343; }
header .header .nav .nav-list li.search { position: absolute; left: -180px; top: 0px; height: 80px; padding: 27px 5px 23px 5px !important; }
header .header .nav .nav-list li.search input { float: left; width: 150px; height: 30px; padding: 0 5px; line-height: 28px; border: 1px solid #ccc; border-radius: 5px; font-size: 12px; }
header .header .nav .nav-list li.search button { float: left; display: block; width: 36px; height: 30px; line-height: 30px; padding: 0px; margin-left: 3px; border: none; background-color: #fff; cursor: pointer; overflow: hidden; }
header .header .nav .nav-list li.search button img { float: left; height: 22px; margin: 4px; }


/*header .header .header-list li a { display: block; padding: 0 15px; color: #fff; font-size: 16px; }
header .header .header-list li a.active { background-color: #00b8ff; }
header .header .header-list:hover li a { background-color: #00a3e2; }
header .header .header-list li:hover a{ background-color: #00b8ff; }*/
/***************头部header end********************/

/***************底部footer start******************/
footer { width: 100%; height: auto; background-image: url(../Images/footer-banner.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden; }
footer .footer { width: 1170px; margin: 0 auto; padding: 50px 0 20px 0px; }
footer .footer .footer-left .footer-logo a { font-size: 60px; color: #999; }
footer .footer .footer-left .footer-contact { width: 30%; padding-top: 40px; }
footer .footer .footer-left .footer-contact h2 { padding-bottom: 10px; font-size: 24px; color: #0ab243; }
footer .footer .footer-left .footer-contact .footer-list { padding-top: 10px; }
footer .footer .footer-left .footer-contact .footer-list li { padding: 15px 0; font-size: 14px; color: #999; }
footer .footer .footer-form { width: 70%; overflow: hidden; }
footer .footer .footer-form h2 { font-size: 20px; color: #999; }
footer .footer .footer-form .form { padding-top: 10px; }
footer .footer .footer-form .form .row { float: left; width: 50%; margin: 10px 0; }
footer .footer .footer-form .form .row > div { display: inline-block; margin: 5px 0; }
footer .footer .footer-form .form .row label { display: inline-block; min-width: 68px; margin: 0; font-size: 14px; vertical-align: middle; color: #999; font-weight: normal; cursor: pointer; }
footer .footer .footer-form .form .row.txtar { width: 100%; clear: both; }
footer .footer .footer-form .form .row.txtar label { vertical-align: top; }
footer .footer .footer-form .form .row div i { display: inline-block; font-size: 18px; vertical-align: middle; font-style: normal; color: #ff1e1e; }
footer .footer .footer-form .form .row .txt.f1 { width: 300px; font-size: 14px; color: #fff; }
footer .footer .footer-form .form .row .txt { padding: 10px; border: 1px solid #999; background: none; }
footer .footer .footer-form .form .row .txt:focus { border: 1px solid #0ab243; padding: 10px; background-color: none; }
footer .footer .footer-form .form .row.clNo { padding-left: 69px; }
footer .footer .footer-form .form .row .txt.f2 { width: 698px; height: 116px; line-height: 20px; font-size: 14px; text-align: justify; color: #fff; }
footer .footer .footer-form .form .row .btn_us { float: left; border: 0; background-color: #0ab243; border-radius: 2px; width: 250px; padding: 0 11px; height: 46px; cursor: pointer; opacity: 0.9; text-align: center; font-size: 16px; color: #fff; }
footer .footer .footer-form .form .row .btn_us:hover { opacity: 1; }
footer .footer > p { clear: both; padding-top: 30px; font-size: 12px; color: #999; text-align: center; }
footer .footer > p a { color: #999; }
footer .footer div.footer-link { clear: both; padding-top: 5px; text-align: center; }
footer .footer div.footer-link a { font-size: 12px; color: #999; text-align: center; }
footer .footer > p a:hover, footer .footer div.footer-link a:hover { color: #f9f9f9; }
/***************底部footer end********************/

/***************首页home start********************/
/**头部**/
.box { width: 1170px; margin: 0 auto; overflow: hidden; }
.box .box-head { position: relative; width: 100%; padding: 40px 0; overflow: hidden; }
.box .box-head .title-con { float: left; width: auto; height: 32px; line-height: 32px; padding-right: 10px; background-color: #fff; overflow: hidden; }
.box .box-head .title-con h2 { float: left; font-size: 24px; padding-right: 20px; color: #0ab243; }
.box .box-head .title-con span { float: left; padding: 0 20px; font-size: 18px; color: #666; }
.box .box-head .greenpoint { display: inline-block; width: 8px; height: 10px; background-color: #0ab243; font-style: normal; }
.box .box-head .greyLine { height: 10px; margin-top: 10px; background-color: #f5f5f5; }

.box .box-head.animate-enable { opacity: 0; transform: translateY(-100px); transition: all .8s ease-in-out; }
.box .box-head.animate-active { opacity: 1; transform: translateY(0); }
.box .box-head.animate-left.animate-enable { opacity: 0; transform: translateX(-300px); transition: all .8s ease-in-out; }
.box .box-head.animate-left.animate-active { opacity: 1; transform: translateX(0); }
/*banner 轮播*/
.home-banner { width: 100%; overflow: hidden; }
.home-banner .swiper-container { width: 100%; height: 100%; }
.home-banner .swiper-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; overflow: hidden; }
.home-banner .swiper-container .swiper-slide .imgbox { float: left; width: 100%; height: auto; overflow: hidden; }
.home-banner .swiper-container .swiper-slide img { float: left; width: 100%; height: auto !important; transition: none !important; }
.home-banner .swiper-container .swiper-slide img.pc { display: initial; }
.home-banner .swiper-container .swiper-slide img.wap { display: none; }
.home-banner .swiper-container .swiper-pagination { position: absolute; bottom: 25px !important; }
.home-banner .swiper-container .swiper-pagination-bullet { position: relative; opacity: 1; background: #b1b1b1; width: 60px; height: 5px; border-radius: 10px; margin: 0px 10px; padding: 0px; }
.home-banner .swiper-container .swiper-pagination-bullet p { position: absolute; z-index: 0; background: #0ab343; left: 0px; top: 0px; margin: 0px; padding: 0px; display: inline-block; width: 0px; height: 5px; border-radius: 10px; transition: all 5s; }
.home-banner .swiper-container .swiper-pagination-bullet p.on { width: 100%; }
.home-banner .swiper-container .swiper-pagination-bullet p.distran { transition: all 0s; }
.home-banner .swiper-container .swiper-pagination-bullet-active { opacity: 1; background: #b1b1b1; }
.home-banner .swiper-container .swiper-button-prev { display: none; left: 6%; width: 70px; height: 70px; background: rgba(0,0,0,.5) url(../Images/home/prev.png)no-repeat center center; background-size: 30px 56px; }
.home-banner .swiper-container .swiper-button-next { display: none; right: 6%; width: 70px; height: 70px; background: rgba(0,0,0,.5) url(../Images/home/next.png)no-repeat center center; background-size: 30px 56px; }
.home-banner .swiper-container:hover .swiper-button-prev,
.home-banner .swiper-container:hover .swiper-button-next { display: block; }
/*内容*/
.home-classification { width: 100%; padding: 100px 0 60px; overflow: hidden; }
.home-classification .classList { width: 100%; }
.home-classification .classList li { float: left; width: 33.3%; padding: 0 30px; }
.home-classification .classList li .img { width: 170px; height: 170px; line-height: 170px; margin: 0 auto; text-align: center; background-color: #efefef; border-radius: 50%; }
.home-classification .classList li .img img { vertical-align: middle; }
.home-classification .classList li h3 { padding: 15px 0 10px; font-size: 22px; color: #333; font-weight: normal; text-align: center; }
.home-classification .classList li h4 { font-size: 18px; color: #666; font-weight: normal; text-align: center; }
.home-classification .classList li p { padding-top: 10px; font-size: 14px; color: #666; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.home-classification .classList.animate-enable li { opacity: 0; transform: translateX(-200px); transition: all .5s ease-in-out; }
.home-classification .classList.animate-active li { opacity: 1; transform: translateX(0); }
.home-classification .classList.animate-active li:nth-of-type(2) { transition-delay: .5s; }
.home-classification .classList.animate-active li:nth-of-type(3) { transition-delay: .8s; }
/*公司介绍*/
.home-company { width: 100%; overflow: hidden; }
.home-company .home-companyCon { position: relative; width: 100%; padding-left: 470px; }
.home-company .home-companyCon img { position: absolute; left: 0; transition: all .5s ease-in-out; }
.home-company .home-companyCon .home-companyMain h3 { font-size: 18px; color: #333; }
.home-company .home-companyCon .home-companyMain div.companyEn { padding: 5px 0 10px; font-size: 14px; color: #666; }
.home-company .home-companyCon .home-companyMain p { line-height: 24px; font-size: 14px; color: #666; }
.home-company .home-companyCon .home-companyMain .more-btn { padding: 20px 0; }
.home-company .home-companyCon .home-companyMain .more-btn a { display: block; width: 100px; height: 35px; line-height: 35px; font-size: 16px; text-align: center; background-color: #0ab343; color: #fff; }

.home-company .home-companyCon img:hover { transform: scale(1.2); }
.home-company .home-companyCon.animate-enable img { opacity: 0; transform: translateX(-200px); transition: all .6s ease-in-out; }
.home-company .home-companyCon.animate-enable .home-companyMain { opacity: 0; transform: translateX(200px); transition: all .6s ease-in-out; }
.home-company .home-companyCon.animate-active img { opacity: 1; transform: translateX(0); }
.home-company .home-companyCon.animate-active .home-companyMain { opacity: 1; transform: translateX(0); }
/*产品介绍*/
.home-productCon { width: 100%; overflow: hidden; }
.home-productCon .home-productList { margin: 0 -15px; }
.home-productCon .home-productList li { float: left; width: 33.3%; padding: 0 15px; }
.home-productCon .home-productList li a { display: block; }
.home-productCon .home-productList li a .pro-img { position: relative; width: 100%; overflow: hidden; }
.home-productCon .home-productList li a .pro-img img { width: 100%; transition: all .5s ease-in-out; }
.home-productCon .home-productList li a > p { float: left; width: 100%; padding: 15px 10px; font-size: 20px; height: 54px; line-height: 24px; text-align: center; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.home-productCon .home-productList li a .pro-img .proImg-hover { position: absolute; top: 0; left: 0; width: 100%; height: 99%; background-color: rgba(0,0,0,0); transition: all .5s ease-in-out; }
.home-productCon .home-productList li a .pro-img .proImg-hover h3 { padding-top: 25%; font-size: 30px; text-align: center; color: #fff; font-weight: normal; opacity: 0; transform: translateY(-50%); transition: all .5s ease-in-out; }
.home-productCon .home-productList li a .pro-img .proImg-hover p { padding: 25px 10% 0; line-height: 28px; font-size: 14px; text-align: center; color: #fff; opacity: 0; transform: translateY(50%); transition: all .5s ease-in-out; }
.home-productCon .home-productList li:hover a .pro-img .proImg-hover { background: rgba(0,0,0,.6); }
.home-productCon .home-productList li:hover a .pro-img .proImg-hover h3 { transform: translateY(0); opacity: 1; }
.home-productCon .home-productList li:hover a .pro-img .proImg-hover p { transform: translateY(0); opacity: 1; }

.home-productCon .home-productList.animate-enable li { opacity: 0; transform: translateY(-200px); transition: all .5s ease-in-out; }
.home-productCon .home-productList.animate-active li { opacity: 1; transform: translateY(0); }
.home-productCon .home-productList.animate-active li:nth-of-type(2) { transition-delay: .5s; }
.home-productCon .home-productList.animate-active li:nth-of-type(3) { transition-delay: .8s; }
/*行业动态*/
.home-dynamic { width: 100%; padding-bottom: 60px; overflow: hidden; }
.home-dynamic .home-dynamicCon { width: auto; overflow: hidden; }
.home-dynamic .home-dynamicCon .home-dynamicImg { position: relative; float: left; width: auto; max-height: 452px; overflow: hidden; transition: all .5s ease-in-out; }
.home-dynamic .home-dynamicCon .home-dynamicImg img { display: block; transition: all .5s ease-in-out; }
.home-dynamic .home-dynamicCon .home-dynamicImg img:hover { transform: scale(1.2); }
.home-dynamic .home-dynamicCon .home-dynamicImg p { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background-color: rgba(0,0,0,.6); }
.home-dynamic .home-dynamicCon .home-dynamicList { float: left; padding-left: 30px; }
.home-dynamic .home-dynamicCon .home-dynamicList ul li { padding: 16px 0; }
.home-dynamic .home-dynamicCon .home-dynamicList ul li a { font-size: 16px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.home-dynamic .home-dynamicCon .home-dynamicList ul li a:hover { color: #0ab343; }
.home-dynamic .home-dynamicCon .home-dynamicList > a { display: inline-block; padding-top: 20px; font-size: 16px; color: #666; }

.home-dynamic .home-dynamicCon.animate-enable .home-dynamicImg { opacity: 0; transform: translateX(-200px); transition: all .5s ease-in-out; }
.home-dynamic .home-dynamicCon.animate-enable .home-dynamicList { opacity: 0; transform: translateX(200px); transition: all .5s ease-in-out; }
.home-dynamic .home-dynamicCon.animate-active .home-dynamicImg { opacity: 1; transform: translateX(0); }
.home-dynamic .home-dynamicCon.animate-active .home-dynamicList { opacity: 1; transform: translateX(0); }

.type-nav { padding: 0; text-align: center; margin-bottom: 35px; }
.type-nav a { display: inline-block; width: 210px; height: 50px; line-height: 50px; margin: 0 40px; font-size: 18px; color: #767676; background: #e2e1e1; }
.type-nav a.active { background-color: #0AB343; color: #fff; }

.preNex { float: left; min-height: 70px; margin: 20px 0; color: #666; font-size: 12px; overflow: hidden; }
.preNex a { clear: both; float: left; display: block; margin-bottom: 10px; line-height: 26px; font-size: 14px; }

/***************首页home end**********************/
section .banner { width: 100%; height: auto; text-align: center; display: -webkit-box; display: flex; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; }
section .banner img { float: left; width: 100%; height: auto; }
/***************产品product start*****************/
.product { width: 100%; }
.product .productCon { padding: 15px 0 40px; }
.product .productCon .product-main { width: 100%; overflow: hidden; }
.product .productCon .product-main .productList { width: 100%; overflow: hidden; }
.product .productCon .product-main .productList ul li { float: left; width: 33.3%; padding: 15px; overflow: hidden; }
.product .productCon .product-main .productList ul li a { position: relative; display: block; }
.product .productCon .product-main .productList ul li a img { width: 100%; }
.product .productCon .product-main .productList ul li .pro-hover { position: absolute; top: 0; left: 0; width: 100%; height: 99%; background-color: rgba(0,0,0,0); transition: all .5s ease-in-out; }
.product .productCon .product-main .productList ul li .pro-hover h3 { padding-top: 25%; font-size: 30px; text-align: center; color: #fff; font-weight: normal; opacity: 0; transform: translateY(-50%); transition: all .5s ease-in-out; }
.product .productCon .product-main .productList ul li .pro-hover p { padding: 25px 10% 0; line-height: 28px; font-size: 14px; text-align: center; color: #fff; opacity: 0; transform: translateY(50%); transition: all .5s ease-in-out; }

.product .productCon .product-main .productList ul li:hover .pro-hover { background: rgba(0,0,0,.6); }
.product .productCon .product-main .productList ul li:hover .pro-hover h3 { transform: translateY(0); opacity: 1; }
.product .productCon .product-main .productList ul li:hover .pro-hover p { transform: translateY(0); opacity: 1; }

.product .product-main.animate-enable { opacity: 0; transform: translateY(200px); transition: all .5s ease-in-out; }
.product .product-main.animate-active { opacity: 1; transform: translateY(0); }
/*详情*/
.productInfo { width: 100%; }
.productInfo .productInfoCon .crumbs { margin: 25px 0; font-size: 16px; color: #999; text-align: left; }
.productInfo .productInfoCon .crumbs a { font-size: 16px; color: #999; }
.productInfo .productInfoCon .pro-header { width: 100%; overflow: hidden; }
.productInfo .productInfoCon .pro-header .pro-left { float: left; width: 48%; padding: 3% 0; text-align: center; border: 1px solid #c8c6c6; }
.productInfo .productInfoCon .pro-header .pro-left img { width: 100%; }
.productInfo .productInfoCon .pro-header .pro-right { float: left; width: 52%; padding-left: 30px; }
.productInfo .productInfoCon .pro-header .pro-right > div { font-size: 16px; color: #333; }
.productInfo .productInfoCon .pro-header .pro-right .pro-name h1 { font-size: 22px; color: #333; font-weight: bold; }
.productInfo .productInfoCon .pro-header .pro-right .pro-stitle { padding: 15px 0 25px; font-size: 14px; color: #666; }
.productInfo .productInfoCon .pro-header .pro-right .pro-price { width: 100%; padding: 15px 10px; font-size: 14px; color: #333; background-color: #fafafa; }
.productInfo .productInfoCon .pro-header .pro-right .pro-price span { font-size: 28px; color: #e53333; font-weight: bold; }
.productInfo .productInfoCon .pro-header .pro-right .pro-parameter { padding: 10px 0; }
.productInfo .productInfoCon .pro-header .pro-right .pdTop { padding-top: 25px; }
.productInfo .productInfoCon .pro-header .pro-right .pro-parameter i { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; border: 1px solid #c8c6c6; }
.productInfo .productInfoCon .pro-header .pro-right .pro-phone { width: 100%; height: 40px; line-height: 40px; margin-top: 15px; padding-left: 40px; font-size: 28px; color: #666; background: url(../Images/product/phone.png)no-repeat left center; background-size: 32px 32px; }

.productInfo .productInfoCon .pro-nav-box { float: left; width: 100%; height: 182px; clear: both; }
.productInfo .productInfoCon .pro-nav { width: 100%; padding-top: 80px; height: 182px; }
.productInfo .productInfoCon .pro-nav ul { width: 100%; height: 102px; padding: 0 20px; background-color: #fafafa; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; overflow: hidden; }
.productInfo .productInfoCon .pro-nav ul li { position: relative; float: left; width: auto; height: 100%; padding: 0 50px; font-size: 16px; color: #666; text-align: center; }
.productInfo .productInfoCon .pro-nav ul li a { display: inline-block; height: 100%; }
.productInfo .productInfoCon .pro-nav ul li.active a { border-bottom: 2px solid #0ab343; color: #0ab343; }
.productInfo .productInfoCon .pro-nav ul li.active a:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: ''; display: inline-block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #0ab343; }
.productInfo .productInfoCon .pro-nav ul li.active img { filter: inherit; }
.productInfo .productInfoCon .pro-nav ul li a img { padding-top: 25px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.productInfo .productInfoCon .pro-nav ul li a div { padding-top: 5px; }
.productInfo .productInfoCon .pro-mian { width: 100%; overflow: hidden; }
.productInfo .productInfoCon .pro-mian h2 { margin: 25px 0; padding-left: 10px; font-size: 16px; color: #333; text-align: left; border-left: 2px solid #0ab343; }
.productInfo .productInfoCon .pro-mian .characteristic li { line-height: 26px; font-size: 14px; color: #666; }
.productInfo .productInfoCon .pro-mian .parameter .tableBox { width: 100%; border: 1px solid #c0bebe; border-spacing: 0; border-collapse: collapse; }
.productInfo .productInfoCon .pro-mian .parameter .tableBox tr th { padding: 30px 10px; text-align: left; white-space: nowrap; overflow: hidden; background-color: #eeeded; }
.productInfo .productInfoCon .pro-mian .parameter .tableBox tr td { padding: 10px; border: 1px solid #c0bebe; }
.productInfo .productInfoCon .pro-mian .scene { padding-bottom: 100px; overflow: hidden; }
.productInfo .productInfoCon .pro-mian .scene .sceneCon .img1 { float: left; }
.productInfo .productInfoCon .pro-mian .scene .sceneCon .img2 { float: right; }
.productInfo .productInfoCon .pro-mian .border-main { width: 100%; line-height: 180%; min-height: 150px;font-size:14px;color:#666; }
/***************产品product end*******************/

/***************动态dynamic start*****************/
.dynamic .newCon { padding-bottom: 50px; }
.dynamicList { width: 100%; margin: 0 auto; padding: 0 0 40px; overflow: hidden; }
.dynamicList ul { width: 100%; }
.dynamicList li { position: relative; width: 100%; padding: 40px 0 40px 180px; border-bottom: 2px dashed #eaeaea; overflow: hidden; }
.dynamicList li:first-child { padding-top: 0; }
.dynamicList li .dynamic-img { position: absolute; left: 0; display: inline-block; width: 150px; height: 120px; }
.dynamicList li .dynamic-img img { width: 100%; }
.dynamicList li .dynamic-title { position: relative; float: left; display: inline-block; height: 100%; margin-left: 3%; }
.dynamicList li .dynamic-title h3 { font-size: 18px; color: #333; }
.dynamicList li .dynamic-title h3:hover { color: #0ab343; }
.dynamicList li .dynamic-title > p { line-height: 26px; padding-top: 10px; font-size: 14px; color: #999; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.dynamicList li .dynamic-title > span { display: inline-block; padding-top: 10px; font-size: 14px; color: #999; }
.dynamicList li .dynamic-title .dynamic-title-bottom { float: right; padding-top: 10px; overflow: hidden; }
.dynamicList li .dynamic-title .dynamic-time { display: inline-block; font-size: 14px; color: #999; vertical-align: bottom; }
.dynamicList li .dynamic-title .browse { float: right; display: inline-block; font-size: 14px; color: #999; text-align: center; }
.dynamicList.animate-enable { opacity: 0; transform: translateY(300px); transition: all .85s ease-in-out; }
.dynamicList.animate-active { opacity: 1; transform: translateY(0); }
/*详情*/
.dynamicInfo { background: #fff; }
.dynamicInfo .dynamic-con { position: relative; width: 970px; margin: 0 auto; /*padding: 40px 0 40px;*/ overflow: hidden; }
.dynamicInfo .dynamic-con .crumbs { margin: 25px 0; font-size: 16px; color: #999; text-align: left; }
.dynamicInfo .dynamic-con .crumbs a { font-size: 16px; color: #999; }
.dynamicInfo .dynamic-con .new_head { width: 100%; padding-top: 40px; overflow: hidden; border-bottom: 1px solid #d9d9d9; }
.dynamicInfo .dynamic-con .new_head h1 { font-size: 22px; line-height: 32px; color: #333; letter-spacing: 1px; text-align: center; }
.dynamicInfo .dynamic-con .new_head ul { display: block; margin: 12px auto 22px; text-align: center; overflow: hidden; }
.dynamicInfo .dynamic-con .new_head li { display: inline-block; font-size: 12px; line-height: 24px; margin-right: 30px; color: #999; }
.dynamicInfo .dynamic-con .new_head li i { font-style: normal; }
.dynamicInfo .dynamic-con .new-main { margin-top: 20px; }
.dynamicInfo .dynamic-con .new-main .title_content { min-height: 500px; border-bottom: 1px solid #d9d9d9; font-size: 14px; line-height: 180%; color: #666; }
.dynamicInfo .dynamic-con .new-main p { margin-bottom: 30px; line-height: 24px; font-size: 16px; color: #666; text-align: justify; letter-spacing: 1px; text-indent: 32px; }
.dynamicInfo .dynamic-con .new-main span { display: block; margin-bottom: 10px; line-height: 24px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dynamicInfo .dynamic-con .new-main > img { max-width: 100% !important; height: auto; margin-bottom: 30px; }
.dynamicInfo .dynamic-con .new-con .new-crumbs a:hover { color: #00a3e2; }
.dynamicInfo .dynamic-con .share { width: 100%; padding-bottom: 20px; }
.dynamicInfo .dynamic-con .share .social-share { display: inline-block; }
/***************动态dynamic end*******************/

/***************联系contact start*****************/
.contact { width: 100%; overflow: hidden; }
.contact .contactCon { padding-bottom: 20px; overflow: hidden; }
.contact .contactCon .contactTxt { padding-bottom: 30px; line-height: 24px; font-size: 14px; color: #666; }
.contact .contactCon .contactList { width: 100%; padding: 130px 0 70px; background-color: #f7f7f7; overflow: hidden; }
.contact .contactCon .contactList .list li { float: left; width: 33.3%; padding: 15px; text-align: center; }
.contact .contactCon .contactList .list li a { position: relative; width: 100%; min-height: 270px; display: block; background-color: #fff; }
.contact .contactCon .contactList .list li a .img { position: absolute; left: 0; right: 0; margin: auto; width: 140px; height: 140px; line-height: 140px; text-align: center; background-color: #fff; border-radius: 50%; transform: translateY(-50%); }
.contact .contactCon .contactList .list li a .img img { vertical-align: middle; }
.contact .contactCon .contactList .list li a .listCon { padding-top: 18%; }
.contact .contactCon .contactList .list li a .listCon h3 { padding: 15px 0; font-size: 24px; color: #333; }
.contact .contactCon .contactList .list li a .listCon p { padding: 10px; font-size: 16px; color: #666; }
.contact .contactCon .map_box { padding: 30px 0px 10px 0px; height: auto; box-sizing: border-box; overflow: hidden; }
.contact .contactCon .map_box .title { font-size: 14px; font-weight: bold; color: #cc5522; }
.contact .contactCon .map_box .content { font-size: 14px; color: #333; margin-top: 6px; }

.contact .contactCon .contactTxt.animate-enable { opacity: 0; transform: translateY(200px); transition: all .5s ease-in-out; }
.contact .contactCon .contactList .list.animate-enable li { opacity: 0; transform: translateX(-200px); transition: all .5s ease-in-out; }
.contact .contactCon .contactList .list.animate-enable li .img img { opacity: 0; transform: rotate(360deg); transition: all .8s ease-in-out; }
.contact .contactCon .contactTxt.animate-active { opacity: 1; transform: translateY(0); }
.contact .contactCon .contactList .list.animate-active li { opacity: 1; transform: translateX(0); }
.contact .contactCon .contactList .list.animate-active li:nth-of-type(2) { transition-delay: .5s; }
.contact .contactCon .contactList .list.animate-active li:nth-of-type(3) { transition-delay: .8s; }
.contact .contactCon .contactList .list.animate-active li .img img { opacity: 1; transform: rotate(0deg); transition-delay: .4s; }
.contact .contactCon .contactList .list.animate-active li:nth-of-type(2) .img img { transition-delay: .6s; }
.contact .contactCon .contactList .list.animate-active li:nth-of-type(3) .img img { transition-delay: .9s; }
/***************联系contact end*******************/

/***************关于about start*******************/
.about { width: 100%; padding-bottom: 100px; overflow: hidden; }
.about .aboutCon { width: 100%; overflow: hidden; }
.about .aboutCon .home-company .home-companyCon { min-height: 240px; }
.about .aboutCon .home-company .home-companyCon .home-companyMain { padding-top: 0px; }
.about .aboutCon .home-company .home-companyCon .home-companyMain p { line-height: 28px; }

.about .aboutCon .about-concept .home-companyCon { min-height: 340px; padding-left: 650px; }
.about .aboutCon .about-concept .home-companyCon .home-companyMain { padding-top: 6%; }
.about .aboutCon .about-concept .about-conceptImg { width: 100%; min-height: 340px; margin-top: 40px; clear: both; background-color: #333; }
.about .aboutCon .about-concept .about-conceptImg .about-txt { width: auto; padding-right: 20%; height: 100%; }
.about .aboutCon .about-concept .about-conceptImg .about-txt h3 { padding: 15% 0 5%; font-size: 18px; color: #FFF; }
.about .aboutCon .about-concept .about-conceptImg .about-txt p { line-height: 26px; font-size: 14px; color: #fff; }

.about .aboutCon .about-concept .home-companyCon.animate-enable img { opacity: 0; transform: translateX(-200px); transition: all .5s ease-in-out; }
.about .aboutCon .about-concept .home-companyCon.animate-enable .home-companyMain { opacity: 0; transform: translateX(200px); transition: all .5s ease-in-out; }
.about .aboutCon .about-concept .about-conceptImg.animate-enable .about-txt { opacity: 0; transform: translateX(200px); transition: all .5s ease-in-out; }
.about .aboutCon .about-concept .home-companyCon.animate-active img { opacity: 1; transform: translateX(0); }
.about .aboutCon .about-concept .home-companyCon.animate-active .home-companyMain { opacity: 1; transform: translateX(0); }
.about .aboutCon .about-concept .about-conceptImg.animate-active .about-txt { opacity: 1; transform: translateX(0); }
/***************关于about end*********************/